<template>
	<view class="container">
		<view class="bg"></view>
		<view class="special">
			<view class="specials" v-for="(item,index) in specials">
				<image :src="item.icon" mode=""></image>
				<view>{{item.text}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				specials: [
					{
						icon: require('../../../static/images/zuo1.png'),
						text:'动火安全作 业票'
					},
					{
						icon: require('../../../static/images/zuo2.png'),
						text:'受限空间安 全作业票'
					},
					{
						icon: require('../../../static/images/zuo3.png'),
						text:'高处安全作 业票'
					},{
						icon: require('../../../static/images/zuo4.png'),
						text:'临时用电安 全作业票'
					},
					{
						icon: require('../../../static/images/zuo1.png'),
						text:'盲板抽堵安 全作业票'
					},
					{
						icon: require('../../../static/images/zuo2.png'),
						text:'吊装安全作 业票'
					},
					{
						icon: require('../../../static/images/zuo3.png'),
						text:'断路安全作 业票'
					},
					{
						icon: require('../../../static/images/zuo4.png'),
						text:'动士安全作 业票'
					},
					{
						icon: require('../../../static/images/zuo1.png'),
						text:'特定生产工 艺设备异常常'
					},
				],
				list:''
			}
		},
		mounted:{
			// this.getlist
		},
		methods: {
			getlist(){
				uni.request({
				     url: this.$url + 'hot/apply',     
				     header:{
				      'Authorization': 'Bearer ' + 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjcwMzFhZTUzLWQ3NDEtNDlhMS05MWU2LTdjNTA2MjNjYjJjYSJ9.rnpmqoCRKZZm7etVEKXVE7-2GIGqGDUPHQAjxNq__XFyW4g2otDTci8-v6NOS_g3BN4II7bkQfQeFVOWo5kqXA'
				     },
				     method:'POST',
				     data: {
				      // accountNonExpired:this.accountNonExpired,
				      // analysisName:this.analysisName,
				      id:1
				     },
				     success: (res) => {
				      console.log('nnjnnnjknjknik',res.accountNonExpired)
				      // this.list = res.data.row;
				     }
				  })
			}
			
		}
	}
</script>

<style lang="scss">
   .container{	
	   .bg{
		   width: 100%;
		   padding-bottom:150rpx;
		   background-color: #3472FD;
		   position: relative;
	   }
	   .special{
		   padding:53rpx 20rpx;
		   position: absolute;
		   top: 0;
           display: flex;
           flex-wrap: wrap;
		   // justify-content: space-around;
		   // margin-top: -35rpx;
		   background-color: #fff;
		   border-top-left-radius: 60rpx;
		   border-top-right-radius: 60rpx;
		   .specials{
			   padding-bottom: 50rpx;
			   width: 33.3%;
			   text-align: center;
			   image{
				   width: 90rpx;
				   height: 90rpx;
			   }
			   view{
				   font-size: 24rpx;
				   width:120rpx;
				   margin:0 auto;
				   margin-top:15rpx;
				   display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden;
			   }
		   }
	   }
   }
</style>
